<route lang="json5" type="page">
{
  style: {
    navigationBarTitleText: '会员码',
  },
}
</route>

<template>
  <view class="py-20rpx px-30rpx w-690rpx h-100vh bg-#F1F8FA text-center">
    <view class="w-690rpx h-610rpx bg-white pt-104rpx pb-74rpx mt-60rpx mb-30rpx">
      <view
        class="w-130rpx h-130rpx rounded-75rpx bg-white text-center p-10rpx absolute left-300rpx top-15rpx rounded-10rpx"
      >
        <img src="/static/images/mine/default.png" class="w-130rpx h-130rpx rounded-50%" />
        <view class="bg-white rounded-20rpx w-70rpx mt--30rpx z-200rpx ml-90rpx">
          <img src="/static/images/mine/level.png" class="w-25rpx h-25rpx" />
          <text class="text-#FAB714 text-25rpx">3</text>
        </view>
      </view>
      <view class="text-28rpx font-bold text-#919293 mb-50rpx">tinypuppet</view>
      <view class="w-690rpx overflow-hidden mb-30rpx">
        <view class="float-left w-172.5rpx text-center">
          <view class="text-28rpx mb-10rpx font-bold text-#919293">6</view>
          <view class="text-24rpx text-#919293">奈雪卷</view>
        </view>
        <view class="float-left w-172.5rpx text-center">
          <view class="text-28rpx mb-10rpx font-bold text-#919293">413</view>
          <view class="text-24rpx text-#919293">积分</view>
        </view>
        <view class="float-left w-172.5rpx text-center">
          <view class="text-28rpx mb-10rpx font-bold text-#919293">0</view>
          <view class="text-24rpx text-#919293">余额</view>
        </view>
        <view class="float-left w-172.5rpx text-center">
          <view class="text-28rpx mb-10rpx font-bold text-#919293">0</view>
          <view class="text-24rpx text-#919293">礼品卡</view>
        </view>
      </view>
      <view class="h-350rpx leading-350rpx">二维码!</view>
      <view class="text-#919293 text-24rpx">支付前出示可累计积分，会员码每30秒更新</view>
    </view>
    <view>
      <img
        src="https://img-shop.qmimg.cn/s16/images/2020/04/26/4a36d33657677787.png"
        class="w-690rpx h-160rpx"
      />
    </view>
  </view>
</template>

<script lang="ts" setup>
onShow(() => {
  let value = uni.getStorageSync('token')
  if (!value) {
    uni.navigateTo({
      url: '/pages/login/login',
    })
  }
})
</script>

<style lang="scss" scoped>
//
</style>
